﻿@charset "UTF-8"; 


/* === PAGE LAYOUT   ==========================================================*/
html,body { color: #666; font-family:  Arial, sans-serif; font-size: 0.85em; height: 100%; }
body { background: #f7f7f7 url('../images/page-bg.png') repeat-x; }
html, body {border: none; }


/* PAGE DIVISION */
#container { margin: 0 auto; width:969px;}

#header { width: 969px; height:55px; margin: 5px 0 0 0; position:relative}
#pageinfo {float: right; font-weight: 700; margin: 0px;color:#fff; height:35px;}
#pageinfo a {color:#666666;margin:0 10px; background:url('../images/icon-topnav.png') no-repeat 0 0; padding:8px 0 5px 35px;line-height:27px; height:27px;}
#pageinfo a#promotion {background-position:0 0}
#pageinfo a#shoponline {background-position:0 -27px}
#pageinfo a#trackntrace{background-position:0 -54px}

#header #logo {float:left; width:200px; height:70px; margin-left:25px; background:url('../images/logo.gif') no-repeat left top;  }
#header #logo h1 { visibility: hidden;}
#header .userinfo {line-height:30px;margin-top:10px; text-align:right; position:absolute; right:0; bottom:0; display:block}

span.userinfo a{ background:url('../images/icon-lock.png') no-repeat center right;text-align:right;padding:5px 25px 5px 5px; font-weight:normal; text-decoration:underline}

/* BREADCRUMB */
.breadcrumb {padding:0; margin:5px 0 10px 0; font-size:0.95em; line-height:20px; display:block; border-bottom:1px #eee solid}
.breadcrumb .header-current {font-weight:bold;}

/* CENTER BOX */
.box-header {background:url('../images/box-header.png') no-repeat center top; padding:8px}
.box-header .banner{ margin:0 auto; text-align:center;}
.box-middle {position:relative;padding:0 30px; margin:0 auto; overflow:hidden; background: url('../images/box-middle.png') repeat-y center top; }
.box-footer {clear:both;background: url('../images/box-bottom.png') no-repeat center top; height:25px; margin:0 0 20px 0;}


/* MAIN CONTENT */
#maincontent { margin:auto 0; padding:0; clear:both;width:969px; height:100%}
/*#content {width:900px; margin:0; padding:0;}
#content {overflow:auto; height:1%; float:left; position:relative }
*/
h2 {color:#5a6d85; font-weight:bold; margin:5px 0 15px 0; clear:both}
#content {width:710px; margin:0; clear:both}
#content {float:right; position:relative; margin:0}

.overflowcontent {overflow:auto; height:1%; position:relative; margin:0}

/* SIDEBAR -  MENU*/

#sidebar {width:190px; float:left; margin:0}
#sidebar .menu {border:1px #d5dbe1 solid; background:#eff2f8; padding:10px; margin:0 0 5px 0; }
#sidebar ul{padding:0; margin:10px 0;border-top:1px #ccc solid;}
#sidebar ul li {list-style:none;border-bottom:1px #ccc solid; padding:5px 0}

/*SIDEBAR MENU*/
.menu ul li a {}
.menu ul li a.active {color:#bc171d; font-weight:bold}
.menu ul li a:hover {color:#bc171d}

.menu ul li a.current {color:#bc171d; text-decoration:none; font-weight:bold}
/* LINK BUTTON */
.pagelink {text-align:right;margin:0; padding:0; position:absolute; top:45px; right:30px;}
.pagelink .link {width:130px; line-height:18px; height:26px; text-align:center; font-weight:bold; font-size:1em; display:block; padding:5px 0 0 0}
.pagelink a {text-decoration:none}

.pageaction {margin:0 0 15px 0; padding:0;}

#footer {clear:both; padding:0;}
#footer a {color:#43566d;}

#footer .company {border-top: 7px #d5dbe1 solid; }
#footer .companyinfo {float:left; width:600px;}
#footer .companyinfo p {margin:2px 0;}
#footer .infolinks {float:right; width:200px; color:#7b8ea7; margin:10px 0; font-size:.95em; text-align:right}


/*SPECIAL ICONS*/
.pagelink .link.add {background:url('../images/btn-pagelink-bg.png') no-repeat;}
.pagelink .link span{display:inline}

/* GRID */
table.grid {border:1px #d5dbe1 solid; float:left}
table.grid caption {display: none; }
table.grid td {padding: 8px 10px; }
table.grid thead tr th {padding: 10px; color:#43566d;  background:#eff2f8; font-size:1.1em}/*; text-transform:uppercase}*/
table.grid tbody tr td {}

.subtext {font-size:0.95em; font-style:italic; color:#666}
table.grid tbody tr {height:30px; }
table.grid tbody tr.odd td {}
table.grid tbody tr.even td {}





/* GENERAL FORM */
.form {margin:0 auto; padding:0; margin:0 auto;}

/*.form fieldset {color:#333;clear:both; margin:0; padding:0; border:0; font-size:1.2em;}*/
.form fieldset {padding:15px 20px; color:#333; font-size:1.1em; border:1px #d5dbe1 solid; background:#fff;background:#eff2f8; }
.form fieldset legend {display:none}
.form fieldset dl {padding:0; margin:0 0 10px 0; line-height:20px;overflow:hidden;}
.form fieldset dl dt{width:auto; margin:5px 0 0 0; font-size:1.1em; font-weight:bold; text-align:left}
.form fieldset dl dt label { text-align:left }
.form fieldset dl dd {overflow:auto;color:#000; clear:both; margin:0 auto;padding:5px;background:#e5eaf0;border:1px #d5dbe1 solid; }
/*overflow:auto; height:1%; */

.list-custom {list-style:none; margin:5px 0; padding:0; border:1px #ccc solid; font-size:0.9em;}
.list-custom li {border-bottom:1px #ccc solid; padding:2px 10px; background:#FCFCF7; color:#0099FF}
.list-custom .listicon span {display:block;}
.list-custom .listicon {float:right;}

.imgEditEmail { float: right; display: inline; cursor: pointer; cursor: hand; }

/* ACTION BAR*/
.form fieldset.action {margin:5px 0}
.form fieldset.action .actionlink {border:none;line-height:25px;margin:0 10px 0 0; overflow:auto;}

.button {float:left;width:130px; height:29px;padding:0; margin-right:5px;text-align:center; border:0; font-size:1.1em;font-weight:bold; cursor:pointer; }
.button a{color:#fff; padding:0;display:block; text-decoration:none !important;}

.button.pri {background:url('../images/btn-normal.png') no-repeat;color:#fff;}
.button.pri.small {background:url('../images/btn-normal-small.png') no-repeat;}
.button.sec{background:url('../images/btn-sec-small.png') no-repeat; color:#333}
.button.sec.small {background:url('../images/btn-sec-small.png') no-repeat;}
.button.small {width:90px; height:29px;}

.button.spe.small {background:url('../images/btn-spe-small.png') no-repeat;font-size:0.95em;color:#3b5c84; display:block; height:30px;}
.button-xsmall {width:40px; padding:2px;}


/* Input Field */
input, select, textarea {margin:0;padding:4px 8px; background:#fff;border:1px #d5dbe1 solid; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
input, textarea {width:630px;}
select {width:280px; }
select.selectbox.small {width:160px; font-size:1em;}

input.radio, input.checkbox, span.checkbox input {border:0; float:left;width:15px; height:15px; padding:0; margin:3px 0 0 0; background:transparent}
.required{color:red;}

/* --------------Start Addition----------------*/
.pagelink2 {text-align:right;margin:0; padding:0;}
.pagelink2 .link {width:130px; line-height:18px; height:26px; text-align:center; font-weight:bold; font-size:1em; display:block; padding:5px 0 0 0}
.pagelink2 a {text-decoration:none}
/*SPECIAL ICONS*/
.pagelink2 .link.add {background:url('../images/btn-pagelink-bg.png') no-repeat;}
.pagelink2 .link span{display:inline}

/* Error HighLight*/
.errormsgline input, .errormsgline select, .errormsgline textarea {border:1px #FF9999 solid !important;background:#FFE6E6; }
.errormsgline .inputtext {border: 2px #FF6666 solid; overflow:auto;}

/* The error messages is displayed below the field*/
.errormsgline .errortext {clear:both;color :red; font-style:italic; font-size:0.95em; margin:5px; display:block;  background:url('../images/icon-block.png') no-repeat 0px 0px; padding:2px 2px 2px 30px; height:auto;}

/* Require Star*/
.requirefield{color:red;}
/*---------------End Addition-----------------*/